var d = document.querySelectorAll(".nav>li");
var c = document.querySelectorAll(".main>div");

for (var i=0;i<d.length;i++){
    d[i].index=i;
    d[i].addEventListener("mouseenter",function () {
        for(var j=0;j<d.length;j++){
            d[j].classList.remove("active");
            c[j].classList.remove("xian");
        }
        d[this.index].classList.add("active");
        c[this.index].classList.add("xian");
    })
}